/* src/main/resources/css/tabStyles.css */
.tab-pane .tab-header-area {
    -fx-background-color: #dcdcdc;/*标签栏区域的背景颜色*/
}
.tab-pane .tab-header-background {
    /*-fx-background-color: #d3d3d3; !* 修改标签栏后面的背景色 *!*/
    -fx-background-color: #dcdcdc;
}
.tab-pane .tab-header-area .tab {
    -fx-background-color: #f0f0f0;
    -fx-text-alignment: center;
    -fx-text-fill: #969696;
    -fx-pref-height: 20px; /* 设置Tab的首选高度为 */
    -fx-pref-width: 100px;
    -fx-background-insets: 0 2 0 0; /* 上右下左 */
    -fx-border-color: transparent; /* 边框颜色 */
    -fx-border-width: 0; /* 边框宽度 */
}
.tab-pane .tab-header-area .tab-label {
    -fx-font-size: 12px;
    -fx-font-weight: none;
}
.tab-pane .tab-header-area .tab:focused {
    -fx-background-color: -fx-control-inner-background; /* 背景颜色 */
    -fx-border-color: transparent; /* 边框颜色 */
    -fx-border-width: 0; /* 边框宽度 */
}

.tab-pane .tab-header-area .tab:selected {
    -fx-background-color: -fx-control-inner-background; /* 选中状态的背景颜色，可以自定义 */
    -fx-border-color: transparent; /* 选中状态的边框颜色 */
    -fx-border-width: 0; /* 选中状态的边框宽度 */
}
